<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>今博士_爱的足迹</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title></title>
	<link rel="stylesheet" href="__CSS__/chao/reset.css" />
	<link rel="stylesheet" href="__CSS__/chao/amazeui.min.css" />
	<link rel="stylesheet" href="__CSS__/chao/public.css" />
	<link rel="stylesheet" href="__CSS__/chao/zuji.css" />
	 <link rel="Stylesheet" type="text/css" href="__CSS__/dialogbyshf.css" />
	<script src="__JS__/chao/TouchSlide.1.1.js"></script>
	<style>
		#DialogBySHF #Title{
	    background: #4CB3FB;
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
		}
		#DialogBySHF {
	    border-radius: 10px;
		}
	</style>
</head>
<body>

	<div class="all">
		<header>
		<div class="back1"><a href="<{:U('Personal/indexs')}>"><img src="__IMG__/chao/back.png"></a></div>
			<div class="tit">爱的足迹</div>
			<div class="bianji">编辑</div>
		</header>
		<div class="main">
			<div class="null0">
			<div><img src="__IMG__/chao/null.png"></div>
				<div>还没有照片</div>
			</div>

			<ul class="am-avg-sm-4 main-1 main00">
			<volist name="data" id="item">
				<li>
					<span class="span1"><img src="__UPLOADS__/picture/<{$item.savename}>"></span>
					<span class="span2"><img src="__IMG__/chao/delete.png"></span>
				</li>
			</volist>
			</ul>

			<div class="kong2"></div>
		</div>
		<div class="foot"><img src="__IMG__/chao/sczp.png">上传图片</div>
		<!-- <div class="filter0"></div>
		<div class="chuan">
			<div class="chuan1 pz">拍照或录像</div>
			<div class="chuan1 tk">照片图库</div>
			<div class="chuan1 qx">取消</div>
		</div> -->
	</div>


	<div id="slideBox" class="slideBox">
		<div class="bd">
			<ul class="main-1">
				<volist name="data" id="item">
				<li style="vertical-align: middle;">
				<span class="span1"><img src="__UPLOADS__/picture/<{$item.savename}>"></span>
				</li>
			</volist>
			</ul>
		</div>		
	</div>




	<script src="__JS__/chao/jquery.min.js"></script>
	<script src="__JS__/chao/amazeui.min.js"></script>
	<script src="__JS__/chao/rem.js"></script>
	<script src="__JS__/chao/zuji.js"></script>
	<script type="text/javascript" src="__JS__/dialogbyshf.js"></script>
	<script>
		$(".foot").click(function(){
			$.DialogBySHF.Alert({ Width: 240, Height: 120, Title: "上传图片", Content: '<form method="post" enctype="multipart/form-data" id="signupForm"><input type="file" name="img" style="font-size: 16px;margin-top:10px;width:100%;"/><input type="button" value="确定" style="margin-left:0px;width:100%;background: #3879D9;color: #fff;font-size: 16px;" onclick="upload()"/></form>', });
		});
	  function upload() {  
	    var formData = new FormData($( "#signupForm" )[0]);
	    console.log(formData);  
	    $.ajax({  
	      url: "<{:U('Personal/photos')}>" ,  
	      type: 'POST',  
	      data: formData,  
	      async: true,  
	      cache: false,  
	      contentType: false,  
	      processData: false, 
	      beforeSend: function () {
	        $("body").append('<div id="pload" style="position:fixed;top:30%;z-index:1200;background:url(__IMG__/statusss.gif) top center no-repeat;width:100%;height:140px;margin:auto auto;"></div>');
	      },
	      complete: function () {
	        $("#pload").remove();
	      }, 
	      success: function (e) {  
	        // alert(e.msg);  
	        location.reload() ;
	      },  
	      error: function (e) {  
	        alert(e.msg);  
	      }  
	    });  
	  } 
	</script>
</body>
</html>